<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>个人中心——密码管理</title>
		<!-- Set render engine for 360 browser -->
		<meta name="renderer" content="webkit">
		<!-- No Baidu Siteapp-->
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<!-- Add to homescreen for Chrome on Android -->
		<meta name="mobile-web-app-capable" content="yes">
		<!-- Add to homescreen for Safari on iOS -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="__PUBLIC__/assets/css/amazeui.css">
		<link rel="stylesheet" href="__PUBLIC__/assets/css/app.css">
		<!--[if lt IE 9]>
		<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
		<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
		<script src="__PUBLIC__/assets/js/amazeui.ie8polyfill.min.js"></script>
		<![endif]-->
		<script type="text/javascript" src="__PUBLIC__/assets/js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="__PUBLIC__/assets/js/jquery.validate.js"></script>
		<script type="text/javascript" src="__PUBLIC__/assets/js/validate-ex.js"></script>
		<script src="__PUBLIC__/assets/js/amazeui.js"></script>
		<script type="text/javascript" src="__PUBLIC__/assets/js/app.js"></script>
		<script type="text/javascript" src="__PUBLIC__/assets/js/jump.js"></script>
		<!--鼠标经过导航跳动开始-->
		<!--<script type="text/javascript">
			$(function(){
				 $(".am-topbar-nav li").each(function(k,a){
					new JumpObj(a,5);//晃动幅度
					$(a).hover(function(){this.parentNode.parentNode.addClass("hover")});
				});
		 	}); 
		
		</script>-->
		<!--鼠标经过导航跳动结束-->
		<style type="text/css">
			.am-form select,.am-form textarea, .am-form input[type="text"], .am-form input[type="password"], .am-form input[type="datetime"], .am-form input[type="datetime-local"], .am-form input[type="date"], .am-form input[type="month"], .am-form input[type="time"], .am-form input[type="week"], .am-form input[type="number"], .am-form input[type="email"], .am-form input[type="url"], .am-form input[type="search"], .am-form input[type="tel"], .am-form input[type="color"], .am-form-field {
			    background-color: #ffffff;
			    background-image: none;
			    border: 1px solid #cdcdcd;
			    border-radius: 0;
			    color: #555555;
			    display: block;
			    font-size: 0.98em;
			    line-height: 1.5;
			    padding: 0.5em;
			    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
			    vertical-align: middle;
			    width: 100%;
			}
			.addr_form label{
				color: #53555c;
				font-weight: normal;
				padding-top: 0 !important;
				text-align: right !important;
			}
			.login_bg {
			    background: rgba(0,0,0,0);
			    padding: 2em;
			}
			.am-form select{
				max-width: 100%;
			}
		</style>
		<!--收货地址验证开始-->
		<script type="text/javascript">
			function addrsave(){
				var psd0=$("#psd0").val();
				var psd1=$("#psd1").val();
				var psd2=$("#psd2").val();
				
				if(psd0==""){
					$("#psd0").css("border","1px solid #ff0000");
					$("#psd0").next("p").show();
					return false;
				}
				$("#psd0").css("border","1px solid #cccccc");
				$("#psd0").next("p").hide();
				if(psd1==""){
					$("#psd1").css("border","1px solid #ff0000");
					$("#psd1").next("p").show();
					return false;
				}
				$("#psd1").css("border","1px solid #cccccc");
				$("#psd1").next("p").hide();
				if(psd2==""){
					$("#psd2").css("border","1px solid #ff0000");
					$("#psd2").next("p").show();
					return false;
				}
				$("#psd2").css("border","1px solid #cccccc");
				$("#psd2").next("p").hide();
				if(psd2 != psd1){
					$("#psd2").next().next("p").show();
					return false;
				}
				$("#psd2").next().next("p").hide();
				return true;
			}
		</script>
		<!--收货地址验证结束-->
	</head>
	<body>
<!--#include file="head.html"-->
		<!--内容开始-->
         <!--#include file="left.html"-->
					<div class="am-u-lg-10" style="padding: 0;">
						<div class="right order_right">
							<div class="order_title" style="border-bottom: 1px solid #d7d6d6;">
								<p>密码管理</p>
							</div>
							<div class="right_content">
								<div class="am-u-md-2">
									<p>
										登录密码
									</p>
								</div>
								<div class="am-u-md-8">
									<form class="am-form am-form-horizontal addr_form">
										<div class="am-form-group" style="margin-bottom: 2rem;">
										    <label class="am-u-sm-3 am-form-label">当前密码</label>
										    <div class="am-u-sm-9">
										        <input id="psd0" type="password" />
										        <p class="rederror" style="display: none;">
										      		请输入当前密码
										      	</p>
										    </div>
										</div>
										<div class="am-form-group" style="margin-bottom: 2rem;">
										    <label class="am-u-sm-3 am-form-label">新密码</label>
										    <div class="am-u-sm-9">
										        <input id="psd1" type="password" />
										        <p class="rederror" style="display: none;">
										      		请输入新密码
										      	</p>
										    </div>
										</div>
										<div class="am-form-group" style="margin-bottom: 3rem;">
										    <label class="am-u-sm-3 am-form-label">确认新密码</label>
										    <div class="am-u-sm-9">
									       		<input id="psd2" type="password" />
									       		<p class="rederror" style="display: none;">
										      		请输入确认新密码
										      	</p>
										        <p class="rederror" style="display: none;">
										      		两次输入密码不一致
										      	</p>
										    </div>
										</div>
										<div class="am-form-group" style="margin-bottom: 3rem;">
											<label class="am-u-sm-3"></label>
											<div class="am-u-sm-9">
												<button type="submit" class="am-btn btn_save" onclick="return addrsave();">确认</button>
											</div>
									    </div>
									</form>
								</div>
								<div class="am-u-md-2">&nbsp;</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
		</div>

		<!--内容结束-->
		<!--底部导航开始-->
		<!--#include file="foot.html"-->
		<!--底部导航结束-->
	</body>
</html>
